<template>
    <div class="slide-show">
         <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      prop="cid"
      label="ID"
      width="200">
    </el-table-column>
    <el-table-column
      prop="cname"
      label="描述"
      width="650">
    </el-table-column>
    <el-table-column
      prop="img"
      label="图片"
      width="400">
    </el-table-column>
    <el-table-column
      fixed="right"
      label="操作"
      width="210">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="primary" size="small">查看</el-button>
        <el-button type="danger" size="small" >删除</el-button>
      </template>
    </el-table-column>
  </el-table>
    </div>
</template>

<script>
  export default {
    methods: {
      handleClick(row) {
        console.log(row);
      }
    },

    data() {
      return {
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-04',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1517 弄',
          zip: 200333
        }, {
          date: '2016-05-01',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1519 弄',
          zip: 200333
        }, {
          date: '2016-05-03',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1516 弄',
          zip: 200333
        }]
      }
    }
  }
</script>

<style lang="scss" scoped>

</style>